@charset "UTF-8";

//-----------------------------------------------------
// variables css
//-----------------------------------------------------


// switch
//-----------------------------------------------------
$borderBoxSwitch:                true !default; // trueä¸º*{box-sizing:border-box;}


// fontç›¸å…³
//-----------------------------------------------------
$fontSize:                       1.4rem !default;
$fontLineHeight:                 1.5 !default;
$fontFamily:                     "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif !default;

// èƒŒæ™¯è‰²ï¼Œæ–‡æœ¬è‰²ï¼Œè¾¹æ¡†è‰²ï¼Œé“¾æŽ¥è‰²
//-----------------------------------------------------
$colorText:                      #333 !default;
$colorBg:                        #fff !default;
$colorBorder:                    #dbdbdb !default;
$colorLink:                      #333 !default; // å¦‚æžœåªæœ‰ä¸€ä¸ªå€¼åˆ™æ»‘è¿‡çš„å€¼ä¸ºè¿™ä¸ªå€¼çš„darken 5%ï¼Œå¦‚æžœæœ‰ä¸¤ä¸ªå€¼åˆ™ç¬¬äºŒä¸ªå€¼ä¸ºæ»‘è¿‡çš„å€¼
$colorPlaceholder:               #999 !default; // input placeholder color
$colorDisabled:                  #999 #e3e3e3 #dbdbdb !default; // textColor bgColor borderColor


// åŸºæœ¬é¢œè‰²
// color function : http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
// lighten($color, $amount)
// darken($color, $amount)
// opacity($color, $amount)
// mix($color1, $color2[, $amount])
//-----------------------------------------------------
$black:                          #000;
$gray3:                          #333;
$gray6:                          #666;
$gray9:                          #999;
$grayC:                          #ccc;
$grayF:                          #f5f5f5 !default;
$white:                          #fff;

// Cool
$aqua:                           #7fdbff !default;
$blue:                           #2d8ad9 !default;
$navy:                           #001f3f !default;
$teal:                           #39cccc !default;
$green:                          #2ecc40 !default;
$olive: #44b986 !default;
$lime:                           #01ff70 !default;
$checkBoxColor:                  #24c89f !default;

// Warm
$yellow:                         #ffdc00 !default;
$orange:                         #ff9c1d !default;
$red:                            #ff3f38 !default;
$fuchsia: #f47068 !default;
$purple:                         #b10dc9 !default;
$maroon:                         #85144b !default;
//ä¸»è‰²è°ƒ
$primary:                        #0078e7 !default;
$tabBarOff:                      #72818c !default;
$borderGrayF:                    #f0f0f0 !default;
$borderGrayE:                    #e6e6e6 !default;
$dnmark:                         #39cccc;
$sdmark:                         #ff615d;

// å…ƒç´ ä¸Šä¸‹é—´è·
//-----------------------------------------------------
$gap:                            20px !default;


// header,footerç­‰çš„é«˜åº¦
//-----------------------------------------------------
$barHeight:                      44px !default;


// åœ†è§’åº¦radius
//-----------------------------------------------------
$radiusBase:                     5px !default;
$radiusSmall:                    3px !default;



